<div id="content_header">
  <h3>Register a new time classification</h3>
</div>
<div class="row">
  <div class="col-md-6 col-lg-4">
    
    <form name="timeClassForm" role="form" ng-submit="addTimeClass()">
      <!-- <div class="form-group">
        <label for="TimeClassLabel">
          Time Classification Label
        </label>
        <span class="error" ng-show="timeClassForm.TimeClassLabel.$error.required">Required!</span>
        <input type="text" name="TimeClassLabel" class="form-control" id="TimeClassLabel" placeholder="Input field" ng-model="timeClassNew.TimeClassLabel" required>
      </div> -->

      <div class="form-group" ng-class="{ 'has-error': errors.CourseType}">
        <label class="required" for="CourseType">Course Type</label>
        <select name="CourseType" class="form-control" id="CourseType" ng-model="timeClassNew.CourseType.Id" ng-options="coursetype.Id as coursetype.Code +' - '+ coursetype.Name for coursetype in coursetypes">
          <option value="" ng-hide="timeClassNew.CourseType.Id">Select a Course Type.</option>
        </select>
        <error-widget field="errors.CourseType"></error-widget>
      </div>

      <div class="row">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
          <div class="form-group">
            <label for="">
              Start Time
            </label>
            <timepicker ng-model="timepicker.timeA" hour-step="timepicker.hstep" minute-step="timepicker.mstep" show-meridian="timepicker.isMeridian"></timepicker>
          </div>
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
          <div class="form-group">
            <label for="">
              End Time
            </label>
            <timepicker ng-model="timepicker.timeB" hour-step="timepicker.hstep" minute-step="timepicker.mstep" show-meridian="timepicker.isMeridian"></timepicker>
          </div>
        </div>
      </div>


      <button type="submit" class="btn btn-primary" >Submit</button>
    </form>
  </div>
</div>